<!-- 选项卡-风格 -->
<div class="tab-pane fade" role="tabpanel" id="page-color" aria-labelledby="light-color-tab">
    <div class="form-group row align-items-center mb-2 justify-content-end">
        <div class="col-8">
            <div class="btn-group btn-group-lg d-flex flex-row align-items-center" role="group" aria-label="主题操作">
                <button type="button" class="btn btn-light mr-3" id="export-color-theme" name="exportColorTheme">
                    <i class="fas fa-download" style="font-size: 13px"></i> 导出我的
                </button>
                <button type="button" class="btn btn-secondary mr" id="view-color-theme" name="viewColorTheme" data-toggle="modal" data-target="#color-theme-modal">
                    <i class="iconfont icon-chakan" style="font-size: 13px"></i> 系统主题
                </button>
            </div>
        </div>
    </div>
    <div class="card glass-card">
        <!-- 个性化 -->
        <div class="card-header bg-dark text-white">
            <h5 class="card-title mb-0">
                <i class="fas fa-palette me-2"></i>&ensp;个性化
            </h5>
        </div>
        <div class="card-body">
            <!-- 主题列表 -->
            <div class="form-group row">
                <label for="uiTheme" class="col-4 col-form-label pt-1" title="📌 启用主题后，风格模式会失效">主题列表</label>
                <div class="col-8">
                    <div class="row col-md-6">
                        <div class="d-flex align-items-center">
                            <select
                                name="uiTheme"
                                id="uiTheme"
                                class="form-select"
                            >
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主题列表 end -->
            <!-- 主题操作 -->
            <div class="form-group row align-items-center mb-4">
                <div class="col-8">
                    <div class="btn-group btn-group-lg d-flex flex-row align-items-center" role="group" aria-label="导入我的主题">
                        <label for="import-color-theme" class="btn btn-primary" style="margin-bottom: 0">
                            <i class="fas fa-upload" style="font-size: 13px"></i> 导入我的
                            <input type="file" id="import-color-theme" class="" accept=".json" name="importColorTheme" style="display: none;">
                        </label>
                        <button type="button" class="btn btn-info ml-3" id="apply-theme">使用主题</button>
                    </div>
                </div>
            </div>
            <!-- 主题操作 end -->
        </div>
    </div>

    {{ partial "settings/color-theme/sidebar.html" . }}
    {{ partial "settings/color-theme/site.html" . }}
    {{ partial "settings/color-theme/search.html" . }}
    {{ partial "settings/color-theme/oneword.html" . }}

    <!-- 按钮 -->
    <div>
        <div class="modal-footer justify-content-lg-end">
            <button type="button" class="btn btn-light" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary ml-3" id="save-settings">应用并保存</button>
        </div>
    </div>
    <!-- 按钮 end -->
</div>
<!-- 选项卡-风格 end -->